import { login, getInfo, getUserDetailById } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'

// 0.初始化数据
const state = {
  // 0.1 token,如果本地有token就用,没有就设置为空
  token: getToken() || '',
  // 0.1用户基本信息
  userInfo: {}
}
// 1同步修改数据
const mutations = {
  // 1.1存入token
  setToken(state, payload) {
    state.token = payload
    // 本地存储token
    setToken(payload)
  },
  // 1.2删除token
  removeToken(state) {
    state.token = ''
    removeToken()
  },
  // 1.3修改用户信息
  getUserInfo(state, payload) {
    state.userInfo = payload
  },
  // 1.4退出,清空token+用户信息
  userLogout(state) {
    state.token = ''
    state.userInfo = {}
  }
}
// 2异步修改数据
const actions = {
  // 2.1用户登录
  async userLogin(context, state) {
    const res = await login(state)
    context.commit('setToken', res.data)
  },
  // 2.2获取用户数据
  async getUserInfo(context) {
    // 发送请求
    const res = await getInfo()
    const res2 = await getUserDetailById(res.data.userId)
    context.commit('getUserInfo', { ...res.data, ...res2.data })
  },
  // 2.3退出
  userLogout(context) {
    context.commit('userLogout')
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
